<include file="Public/mobile_head"/><include file="./Addons/Shop/View/default/Index/base.html" />
<!--
<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
<meta charset="utf-8">
<title>个人中心</title>
</head>
-->
        <style>
            body{
                background-color: #eee;
            }
            #userinfo{
            	text-align:center;
            	color:#fff;
                background-image: url('http://static.m.jd.com/home/images/myJd/headbg.png');
            }
            #userinfo span{
            	padding-bottom:10px;
            	padding-top:10px;
            	text-align:center;
            	display:block;
            }
            #userinfo div{
            	padding-bottom: 10px;
            }
            #userinfo .username{
            	font-weight:bold;
            }
            #userinfo .headimg{
            	margin-right:auto;
            	margin-left:auto;
            	width: 65px;
            	height: 65px;
            	border-radius:4em;
            }
			#order_status{
                position: relative;
                background-color: #fff;
				text-align: center;
                margin-bottom: 10px;
			}
            #order_status ul li{
                padding-bottom: 5px;
                padding-top: 5px;
                border-bottom: 1px solid #ccc;
            }
			#order_status ul li span{
				display:block;
			}
            #order_status .line{
                bottom: 0px;
                border-left:1px solid #ccc;
                line-height: 45px;
                position: absolute;
            }
			.order_header{
                margin-top: 10px;
                background-color: #fff;
                border-bottom: 1px solid #eee;
                line-height:45px;
			}
            .order_header h4{
                font-size: 16px;
                font-weight:normal;
                padding-left:5px;
                display: inline;
            }
            .order_header img{
                padding-left:20px;
                display: inline;
                width:23px;
                height:23px;
                vertical-align: middle;
                margin-bottom: 3px;

            }
            .my_order{
                text-align: center;
                border-bottom: 1px solid #ccc;
                background-color: #fff;
            }
            .order_header i img{
                width:12px;
                height:15px;
                margin-right: 20px;
                margin-top: 15px;
                float: right;
            }
            .my_order ul{

                text-align: center;
            }
            .my_order ul li{
                padding-bottom: 10px;
                padding-top: 10px;
            }
            .my_order ul li img{

                width:20px;
                height:20px;
                opacity:0.3;
                margin-right:auto;
                margin-left: auto;
                margin-bottom: 2px;
                margin-top: 2px;
            }
            .my_oder ul li{
            }
            .my_order ul li i{
                position: relative;
                display: block;
                width:8px;
                height:8px;
                background-color: red;
                border-radius:6px;
            }
            .my_order span{
                display: block;
            }
        </style>
        <script>
            $(function(){
                $("#my_order").bind('click',function(){
                    $(this).css('background-color','#eff');
                    window.location.href = "{:addons_url('Shop://Index/orderlist')}";
                });
                $(".my_order ul li").bind('click',function(){
                    $(this).css('background-color','#eee');
                    window.location.href = "{:addons_url('Shop://Index/orderlist')}";
                });
            });
        </script>
<body>
    <header style="background-color:#{$shop_config.color}"> 
        <section id="title"><a href="javascript:history.back()"><span class="topback"></span></a>个人首页</section>
    </header>
    <!--底部导航-->
    <include file="./Addons/Shop/View/default/Index/footer.html" />
    <section id="userinfo">
    	<div>
        	<span>
                <notempty name="userinfo">
                    <img class="headimg" src="{$userinfo['headimgurl']}"/>
                    <p class="username">{$userinfo['nickname']}</p>
                    <p>铜牌会员</p>
        		</notempty>
                <empty name="userinfo">
                    <img class="headimg" src="./Addons/Shop/View/default/Public/images/defaul.png"/>
                    <p class="username">未知姓名</p>
                    <p>铜牌会员</p>
                </empty>
        	</span>
        </div>
    </section>
    <section id="order_status">
    	<ul class="w50">
        	<li>
            	<span>0</span>
                <span>待付款</span>
            </li>
            <li>
            	<span>0</span>
                <span>待确认收货</span>
            </li>
        </ul>
        <span class="line">&nbsp;</span>
    </section>
    <section id="userservice">
    	<div class="order_header" id="my_order">
        	<img src="./Addons/Shop/View/default/Public/images/ding.png" /><h4>我的订单</h4>
            <i><img src="./Addons/Shop/View/default/Public/images/comein.png" /></i>
        </div>
        <div class="my_order">
        	<ul class="w25">
            	<li>
                	<span><img src="./Addons/Shop/View/default/Public/images/fukuan.png" /></span>
                    <span>待付款</span>
                </li>
                <li>
                	<span><img src="./Addons/Shop/View/default/Public/images/transport.png"/></span>
                    <span>待收货</span>
                </li>
                <li>
                	<span><img src="./Addons/Shop/View/default/Public/images/pingjia.png"/></span>
                    <span>待评价</span>
                </li>
                <li>
                	<span><img src="./Addons/Shop/View/default/Public/images/wancheng.png"/></span>
                    <span>已完成</span>
                </li>
            </ul>
        </div>
        <div class="order_header">
            <img src="./Addons/Shop/View/default/Public/images/yong.png"/><h4>帐户预览-开发中...期待...</h4>
            <i><img src="./Addons/Shop/View/default/Public/images/comein.png" /></i>
        </div>
        <div class="my_order">
        	<ul class="w33">
            	<li>
                	<span>0</span>
                    <span>账户余额</span>
                </li>
                <li>
                	<span>0</span>
                    <span>优惠券</span>
                </li>
                <li>
                	<span>0</span>
                    <span>积分</span>
                </li>
            </ul>
        </div>
    </section>
    <!--底部 版权信息-->
    <include file="./Addons/Shop/View/default/Index/footerbq.html" />
</body>
</html>